<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 删除默认的苹果工具栏和菜单栏 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>发布</title><!-- <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css"> -->
    <!-- "//g.alicdn.com  是根据协议的写法，直接本地打开会出错--><!-- <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
 -->
<link rel="stylesheet" href="css/globle.css">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/??sm.min.css,sm-extend.min.css">
<!-- <link rel="stylesheet" href="css/dropload.css"> -->
<link rel="stylesheet" href="css/page.css">
</head>
<style>
	.facebook-card .control .fc{
		color: #3386ff;
	}
	.noshow{
		display: none;
	}
	.photoimg{
		position: absolute;
		left: 1000px;
	}
</style>


<body>
<!-- 页面框架 -->
<div class="page-group">
	<div class="page page-current" id="index">
		<!-- 你的html代码 -->
		<!-- 首页 -->
		<header class="bar bar-nav head">
		<button class="button pull-right camera">
		<img src="images/camera.png" alt="">
		</button>
		<input type="file" accept="images/*" class="selffile">
		<h1 class="title">社区</h1>
		</header>
		<!-- 内容区域 -->
		<div class="content index-content infinite-scroll infinite-scroll-bottom" data-distance="100"">
			<!-- <div class="content-block-title">Facebook卡片
		</div>
		 -->
		 <div class="list-block">
		 <div class="lists list-container">
		
		</div>
		 <!-- 加载提示符 -->
		 <div class="infinite-scroll-preloader">
				<div class="preloader"></div>
			</div>
	</div>
	</div>
	<nav class="bar bar-tab foot">
			<a class="tab-item external social active">
					<img src="images/shequ.png" alt="" class="icon">
					<span class="tab-label">社区</span>
					</a>

	<a class="tab-item external">
	<img src="images/56@3x.png" alt="" class="icon">
	<span class="tab-label">好友</span>
	<!-- <span class="badge">2</span> -->
	</a>
	<a class="tab-item external pulish">
	<img src="images/fabu.png" alt="" class="icon fabu">
	</a>
	
	<a class="tab-item external we">
	<img src="images/user.png" alt="" class="icon">
	<span class="tab-label">我的</span>
	</a>
	<a class="tab-item external theme">
			<!-- <span class="icon icon-home"></span> -->
			<img src="images/home.png" alt="" class="icon">
			<span class="tab-label">换主题</span>
			</a>
	</nav>
</div>
	<div class="page" id="pulish">
		<header class="bar bar-nav head">
		<button class="button pull-left back">
				<span class="icon icon-left back"></span>
		</button>
		<h1 class="title">发布</h1>
		</header>
		<div class="content pub_con">
			<form action="" method="post" id="pub">
					<input type="hidden" name="act" value="pub">
				<h3 class="pub_title">添加图片</h3>
				
				<div class="show_img">


				</div>

				<!-- <ul class="upload-ul clearfix">
					<li class="upload-pick">
					<div class="webuploader-container clearfix" id="goodsUpload">
					</div>
					</li>
				</ul> -->
				<h3 class="pub_title text">添加文字<span>(<i>0</i>/500)</span></h3>
				<div class="item-content">
					<div class="item-inner">
						<div class="item-input">
							<textarea placeholder="点击输入文字" name="info"></textarea>
						</div>
					</div>
				</div>
				<h3 class="pub_title ">
			添加位置  
				<span class="icon icon-right pull-right">
				</span>
				<input type="text"  value="广东 广州"  class="city-picker" name="pos">
				</h3>
				<h3 class="pub_title">
		选择标签
				<div class="content-tag">
					<div class="tag">
						<span>冰川景色</span>
						<span>探险游</span>
						<span>七日游</span>
					</div>
				</div>
				</h3>
				<div class="content-block">
					<p>
						<a href="#" class="button button-round sure_btn">确认发布</a>
					</p>
				</div>
			</form>
		</div>
	</div>


	<!-- 登录页 -->
	<div class="page login-page" id="login">
			<div class="content">
				<!-- id不能重复 -->
				<form action="" method="post" id="log">
					<input type="hidden" name="act" value="login">
					<div class="login-header">
						<div class="login-photo">
							<img src="./images/pic.png" alt="">
						</div>
					</div>
					<div class="list-block lform-block">
						<ul>
							<!-- Text inputs -->
							<li>
								<div class="item-content">
									<div class="item-media"><i class="icon icon-form-name"></i></div>
									<div class="item-inner">
										<div class="item-title label"><img src="./images/phone.png" class="login-img" alt=""></div>
										<div class="item-input">
											<input type="text" placeholder="输入手机号" name="lphone">
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="item-content">
									<div class="item-media"><i class="icon icon-form-password"></i></div>
									<div class="item-inner">
										<div class="item-title label"><img src="./images/pwd.png" class="login-img" alt=""></div>
										<div class="item-input">
											<input type="password" placeholder="输入密码" class="" name="lpwd">
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="item-content">
									<div class="item-media"><i class="icon icon-form-email"></i></div>
									<div class="item-inner yzaft">
										<div class="item-title label"><img src="./images/yzcode.png" class="login-img" alt=""></div>
										<div class="item-input">
											<input type="text" class="yzinp" placeholder="输入验证码" name="lyz">
											<!-- <span class="pull-right yzcodeimg"><img src="./images/yzcode.png" alt=""></span> -->
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<input type="button" class="subbtn" />
					<p class="qita">
						<a href="#">忘记密码</a>
						<a href="#" class="register">注册账号</a>
					</p>
				</form>
			</div>
		</div>

	<!-- 注册页 -->
	<div class="page " id="register">
		<div class="content">
			<header class="bar bar-nav">
			<h1 class='title'>用户注册</h1>
			</header>
			<div class="content">
				<form action="" method="post" id="reg">
						<input type="hidden" name="act" value="reg">
					<div class="list-block">
						<ul>
							<!-- Text inputs -->
							<li>
							<div class="item-content">
								<div class="item-media">
									<i class="icon icon-form-name"></i>
								</div>
								<div class="item-inner">
									<div class="item-title label">
										昵称
									</div>
									<div class="item-input">
										<input type="text" name="ruser" placeholder="用户名">
									</div>
								</div>
							</div>
							</li>
							<li>
							<div class="item-content">
								<div class="item-media">
									<i class="icon icon-form-email"></i>
								</div>
								<div class="item-inner">
									<div class="item-title label">
										邮箱
									</div>
									<div class="item-input">
										<input type="email" name="remail" placeholder="E-mail">
									</div>
								</div>
							</div>
							</li>
							<li>
							<div class="item-content">
								<div class="item-media">
									<i class="icon icon-form-password"></i>
								</div>
								<div class="item-inner">
									<div class="item-title label">
										密码
									</div>
									<div class="item-input">
										<input type="password" name="rpwd" placeholder="密码" class="">
									</div>
								</div>
							</div>
							</li>
							<li>
							<div class="item-content">
								<div class="item-media">
									<i class="icon icon-form-gender"></i>
								</div>
								<div class="item-inner">
									<div class="item-title label">
										性别
									</div>
									<div class="item-input">
										<select name="rsex">
											<option value="男">男</option>
											<option value="女">女</option>
										</select>
									</div>
								</div>
							</div>
							</li>
							<li>
							<div class="item-content">
								<div class="item-media">
									<i class="icon icon-form-name"></i>
								</div>
								<div class="item-inner">
									<div class="item-title label">
										联系
									</div>
									<div class="item-input">
										<input type="text" name="rphone" placeholder="手机号">
									</div>
								</div>
							</div>
							</li>
							<li class="align-top">
							<div class="item-content">
								<div class="item-media">
									<i class="icon icon-form-comment"></i>
								</div>
								<div class="item-inner">
									<div class="item-title label">
										简介
									</div>
									<div class="item-input">
										<textarea placeholder="输入个人简介" name="rdesc"></textarea>
									</div>
								</div>
							</div>
							</li>
						</ul>
					</div>
					<div class="content-block">
						<div class="row">
							<div class="col-50">
								<a href="#" class="button button-big button-light back1">取消</a>
							</div>
							<div class="col-50">
								<a href="#" class="button button-big button-fill button-info regsub">提交</a>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

		<!-- 个人中心页 -->
	<div class="page" id='we'>
<div class="content">
<div class="head">
	<div class="tou"><span class="icon icon-me"></span><img class="photo" src="" alt=""></div>
	<span class="name">我是谁</span>
</div>

<div class="card">
		<div class="card-content">
		  <div class="card-content-inner">
			  <div class="dyn pull-left">
				 <span>628</span>
				 <br>
				 动态
			  </div>
			  <div class="fans pull-right">
					<span>221</span>
					<br>
					粉丝
				 </div>
		  </div>
		</div>
	  </div>

<div class="con">
		<div class="list-block">
				<ul>
				  <li class="item-content item-link wedata">
					<div class="item-media"><i class="icon icon-f7"></i></div>
					<div class="item-inner">
					  <div class="item-title">  <span class="icon icon-emoji"></span>&nbsp;个人资料</div>
					 
					</div>
				  </li>
				  <li class="item-content item-link">
					<div class="item-media"><i class="icon icon-f7"></i></div>
					<div class="item-inner">
					  <div class="item-title">  <span class="icon icon-share"></span>&nbsp;分享客户端</div>
					
					</div>
				  </li>
				  <li class="item-content item-link">
						<div class="item-media"><i class="icon icon-f7"></i></div>
						<div class="item-inner">
						  <div class="item-title">  <span class="icon icon-phone"></span>&nbsp;常见问题</div>
						
						</div>
					  </li>
					  <li class="item-content item-link">
							<div class="item-media"><i class="icon icon-f7"></i></div>
							<div class="item-inner">
							  <div class="item-title">  <span class="icon icon-settings"></span>&nbsp;设置</div>
							
							</div>
						  </li>
						  <li class="item-content item-link">
								<div class="item-media"><i class="icon icon-f7"></i></div>
								<div class="item-inner">
								  <div class="item-title">  <span class="icon icon-message"></span>&nbsp;意见反馈</div>
								
								</div>
							  </li>
							  <li class="item-content item-link zhuxiao">
								<div class="item-media"><i class="icon icon-f7"></i></div>
								<div class="item-inner">
								  <div class="item-title">  <span class="icon icon-message"></span>&nbsp;注销</div>
								
								</div>
							  </li>
				</ul>
			  </div>


</div>		
</div>


<nav class="bar bar-tab foot">
		<a class="tab-item external social active">
				<img src="images/shequ.png" alt="" class="icon">
				<span class="tab-label">社区</span>
				</a>

		<a class="tab-item external">
		<img src="images/56@3x.png" alt="" class="icon">
		<span class="tab-label">好友</span>
		<!-- <span class="badge">2</span> -->
		</a>
		<a class="tab-item external pulish">
		<img src="images/fabu.png" alt="" class="icon fabu">
		</a>

		<a class="tab-item external we">
		<img src="images/user.png" alt="" class="icon">
		<span class="tab-label">我的</span>
		</a>
		<a class="tab-item external theme">
		<!-- <span class="icon icon-home"></span> -->
		<img src="images/home.png" alt="" class="icon">
		<span class="tab-label">换主题</span>
		</a>
</nav>
	</div>




	<!-- 个人资料页 -->
	<div class="page" id='wedata'>
			<header class="bar bar-nav head">
					<button class="button pull-left back">
							<span class="icon icon-left back"></span>
					</button>
					<h1 class="title">个人资料</h1>
					</header>	
			<form action="" method="post" id="xiu">
							<input type="hidden" name="act" value="wedata">
					<div class="list-block">
							<ul>
								<div class="show_img"></div>
							  <li class="item-content item-link" id="tou">
								<div class="item-media"><i class="icon icon-f7"></i></div>
								<div class="item-inner  tou">
										<div class="item-title">头像</div>
										<div class="item-after ">  <span class="icon icon-me"></span></div>
								</div>
							  </li>
							  <li class="item-content item-link">
									<div class="item-media"></div>
									<div class="item-inner" style="background-image:none;">
											<div class="item-title">昵称</div>
										
									</div>
									<input name="nickname"  type="text" placeholder="未填写">
								  </li>
								  <li class="item-content item-link">
										<div class="item-media"><i class="icon icon-f7"></i></div>
										<div class="item-inner">
												<div class="item-title">性别</div>
												<div class="item-after">未填写</div>
												<input type="text" name="sex" value="男" class="sex-picker">
										</div>
									  </li>
									  <li class="item-content item-link">
											<div class="item-media"></i></div>
											<div class="item-inner" style="background-image:none;">
													<div class="item-title">个人简介</div>
													
											</div>
											<input name="descs"  type="text" placeholder="未填写">
										  </li>
								

							</ul>
					  </div>
					<div class="list-block">
						<ul>
								<li class="item-content item-link">
										<div class="item-media"></div>
										<div class="item-inner" style="background-image:none;">
												<div class="item-title">邮箱号码</div>
												
										</div>
										<input name="email"  type="text" placeholder="未填写">
									</li>
									<li class="item-content item-link">
											<div class="item-media"></div>
											<div class="item-inner" style="background-image:none;">
													<div class="item-title">手机号码</div>
													
											</div>
											<input name="phone"  type="text" placeholder="未填写">
										</li>
						</ul>
					</div>
					<div class="content-block">
						<div class="row">
						  <div class="col-50"><a href="#" class="button button-big button-fill button-danger">Cancel</a></div>
						  <div class="col-50"><a href="#" class="button button-big button-fill button-success upsub">Submit</a></div>
						</div>
					  </div>
					</form>
	</div>
</div>
<script src="js/jquery.min.js"></script>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/??sm.min.js,sm-extend.min.js' charset='utf-8'></script>
<script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>
<!-- <script src="js/webuploader.min.js"></script>
<script src="js/diyUpload.js"></script> -->
<script type="text/javascript" src="js/imgFileupload.js"></script>
<!-- <script src="js/dropload.min.js"></script> -->
<script src="js/common.js"></script>
<script src="js/base.js"></script>
<!-- 交互js -->
<script src="js/app.js"></script>
<!-- 功能js -->
</body>
</html>